.h-swipe-container {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background: url("../img/loading2.gif") no-repeat, #E6E6E6;
	background-size: contain;
	overflow: hidden;
	.h-swipe-wrapper {
		width: 100%;
		position: absolute;
		top: 0;
		&:after {
			content: '';
			clear: both;
			display: block;
			height: 0;
			overflow: hidden;
		}
		.h-swipe-slide {
			width: 100%;
			float: left;
			background: #FFF;
			a {
				display: block;
			}
			img {
				width: 100%;
			}
		}
	}
	.h-swipe-pagination {
		position: absolute;
		display: flex;
		align-items: center;
		bottom: 10%;
		left: 50%;
		.h-swipe-page-btn {
			width: 8px;
			height: 4px;
			border-radius: 4px;
			margin: 0 5px;
			background: #fff;
			opacity: 0.5;
			transition: all .3s;
			&.active {
				width: 14px;
				opacity: 1;
			}
		}
	}
}
